<%@page import="dto.ParticularDTO"%>
<%@page import="dto.ClienteDTO"%>
<%@page import="dto.SucursalDTO"%>
<%@page import="java.util.*"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
    <%@include file="../css/bootstrap.min.css" %></style>
	<title>Reporte Clientes</title>
</head>
<body>
	<div class="container">
		<h2>Reporte Clientes</h2>
		<hr>
		<div id="empresa" class="panel panel-default">
			<form>
			<div class="panel-heading">Clientes Particulares</div>
			<div class="panel-body">
				<table class="table">
					<thead>
						<tr>
							<th>Id</th>
							<th>Nombre</th>
							<th>Apellido</th>
							<th>DNI</th>
						</tr>
					</thead>
					<tbody>
						<% for(ParticularDTO cliente : (ArrayList<ParticularDTO>)request.getAttribute("clientes")){ %>
							<tr>
								<td><%=cliente.getId()%></td>
								<td><%=cliente.getNombre()%></td>
								<td><%=cliente.getApellido()%></td>
								<td><%=cliente.getDNI()%></td>
							</tr>
						<% } %>
					</tbody>
				</table>
				</div>
			</form>
		</div>
	</div>

	<script src="https://code.jquery.com/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
	</script>
</body>
</html>